<style>
    .card-header{
        display: block;
        margin-bottom: 10px;
    }
    .card-title{
        padding: 10px 0;
    }
    .card-title:last-child{
        padding: 0;
    }
</style>
<!--页面主要内容-->
<main class="lyear-layout-content">
      
    <div class="container-fluid p-t-15">
      
      <div class="row">
        <div class="col-lg-12">
          <div class="card">
            
            <div class="card-body">
                <div class="form-group col-md-12">
                    <button type="button" class="btn btn-default" onclick="javascript:history.back(-1);return false;">返 回</button>
                </div>
                <header class="card-header">
                    <div class="card-title">配送公司：{$order.express.name}</div>
                    <div class="card-title">配送单号：{$order.expcode}</div>
                </header>
              
                <ul class="lyear-timeline lyear-timeline-left">
                    <li class="lyear-timeline-item">
                      <div class="lyear-timeline-item-dot">
                        <span class="badge badge-danger"></span>
                      </div>
                      <div class="lyear-timeline-item-content">
                        <p class="mb-1"><strong>运输中</strong></p>
                        <p class="mb-0">北京转运中心 已收入</p>
                        <p><time class="mb-3">2020-05-22 17:38</time></p>
                      </div>
                    </li>
        
                    <li class="lyear-timeline-item text-muted">
                      <div class="lyear-timeline-item-dot">
                        <span class="badge"></span>
                      </div>
                      <div class="lyear-timeline-item-content">
                        <p class="mb-1"><strong>运输中</strong></p>
                        <p class="mb-0">无锡转运中心公司 已发出，下一站，北京转运中心</p>
                        <p><time class="mb-3">2020-05-22 10:25</time></p>
                      </div>
                    </li>
        
                    <li class="lyear-timeline-item text-muted">
                      <div class="lyear-timeline-item-dot">
                        <span class="badge"></span>
                      </div>
                      <div class="lyear-timeline-item-content">
                        <p class="mb-0">无锡转运中心公司 已收入</p>
                        <p><time class="mb-3">2020-05-22 10:15</time></p>
                      </div>
                    </li>
        
                    <li class="lyear-timeline-item text-muted">
                      <div class="lyear-timeline-item-dot">
                        <span class="badge"></span>
                      </div>
                      <div class="lyear-timeline-item-content">
                        <p class="mb-1"><strong>已发货</strong></p>
                        <p class="mb-0">包裹已打包，等待揽收</p>
                        <p><time class="mb-3">2020-05-22 09:20</time></p>
                      </div>
                    </li>
        
                    <li class="lyear-timeline-item text-muted">
                      <div class="lyear-timeline-item-dot">
                        <span class="badge"></span>
                      </div>
                      <div class="lyear-timeline-item-content">
                        <p class="mb-1"><strong>已出库</strong></p>
                        <p class="mb-0">包裹已出库</p>
                        <p><time class="mb-3">2020-05-22 08:45</time></p>
                      </div>
                    </li>
        
                    <li class="lyear-timeline-item text-muted">
                      <div class="lyear-timeline-item-dot">
                        <span class="badge"></span>
                      </div>
                      <div class="lyear-timeline-item-content">
                        <p class="mb-1"><strong>已下单</strong></p>
                        <p class="mb-0">订单等待配货</p>
                        <p><time class="mb-3">2020-05-22 08:38</time></p>
                      </div>
                    </li>
                  </ul>
     
            </div>
          </div>
        </div>
        
        
        
      </div>
      
    </div>
  
  </main>
  <!--End 页面主要内容-->